<template>
	<div>
		<!-- 导航区 -->
		<ul>
			<li v-for="message in messageList" :key="message.id">
				<router-link 
					:to="{
						name:'xiangqing',
						query:{
							id:message.id,
							title:message.title
						}
					}"
				>
					{{message.title}}
				</router-link>
			</li>
		</ul>
		<hr>
		<!-- 展示区 -->
		<router-view></router-view>
	</div>
</template>

<script>
	export default {
		name: 'Message',
		data() {
			return {
				messageList:[
					{id:'001',title:'消息001'},
					{id:'002',title:'消息002'},
					{id:'003',title:'消息003'}
				]
			}
		},
	}
</script>